 
  
 <br>Processing image: *****************<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 String//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd">
<html xmlns="http://w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Map::OMWPT</title>
<link rel="stylesheet" type="text/css" href="/omwpt/media/css/site.css" media="screen" />

<script src="/omwpt/scripts/slider.js" type="text/javascript"></script>
<script 
    src="http://maps.google.com/jsapi?ie=utf-8&amp;oe=utf-8&amp;key=ABQIAAAAnfs7bKE82qgb3Zc2YyS-oBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSySz_REpPq-4WZA27OwgbtyR3VcA"
  type="text/javascript">
</script>

<script type="text/javascript">

    google.load("maps", "2.x", {"language" : "en"});
    var map;
    var latlng;

    function initialize()
    {
      if (GBrowserIsCompatible())
      {
        map = new GMap2(document.getElementById("map"));
        
        map.addMapType(G_PHYSICAL_MAP);
        
                    var boundaries = new GLatLngBounds(new GLatLng(35.81349090833, -79.15570135), new GLatLng(35.99917, -79.00083));
            var oldmap = new GGroundOverlay("/omwpt/splat/data/image2.png", boundaries);
            map.addOverlay(oldmap);
                    
        map.addControl(new google.maps.LargeMapControl());
        map.addControl(new GScaleControl());
        map.addControl(new google.maps.MapTypeControl());
        
        map.enableScrollWheelZoom();
        
        map.setCenter(new google.maps.LatLng(35.91306, -79.05521), 15, G_NORMAL_MAP);
        
        GEvent.addListener(map, "click", function(overlay, point)
          { setLatLng(point);
          });
        
      }
    }
     
    function setLatLng(point){
        var newLat = new Number(point.lat());
        var newLng = new Number(point.lng());
        newLng = newLng * -1;
        document.getElementById('lat').value = newLat.toPrecision(7);
        document.getElementById('lng').value = newLng.toPrecision(7);
    } 
    
    function updateDirText(value){
    document.getElementById('dirValue').value = value;
  }
      
  function updateDirSlider(value){
    document.getElementById('dirSlider').value = value;
  }
</script></head>

<body onload="initialize()" onunload="GUnload()">
    <h1>Wireless Planning Tool</h1>
    
    <ul>
                <li><a href="/omwpt/index.php/home">Home</a></li>
                <li><a href="/omwpt/index.php/about">About</a></li>
                <li><a href="/omwpt/index.php/map">Map</a></li>
                <li><a href="/omwpt/index.php/contact">Contact</a></li>

            </ul>
    
    <p>You can use your scroll wheel to zoom in and out of the map.</p>
<!--<div id="map" style="width: 600px; height: 400px"></div>-->

<table>
    <tr>
        <td><div id="map" style="width: 600px; height: 400px"></div></td>
        <td valign="top">
        <h3>Features</h3><br>

        <form action="http://localhost/omwpt/index.php/map" method="post" name="form">
        Lat:(click map)<br><input size="7" id="lat" type="text" name="lat"/><br>
        Lng:(click map)<br><input size="7" id="lng" type="text" name="lng"/><br>
        Gain:<br><input size="3" id="gain" type="text" name="gain"/><br>
        Ant. Height:<br><input size="5" id="height" type="text" name="height" value="30"/>ft.<br>
        Eff. Rad. Pwr.:<br><input size="5" id="erp" type="text" name="erp" value="6500000"/>watts.<br>

        Direction: <input name="sliderValue" id="direction" type="Text" size="2" onchange="A_SLIDERS[0].f_setValue(this.value)">
        <script type="text/javascript">
            var A_TPL = {       
                'b_vertical' : false,
                'b_watch': true,
                'n_controlWidth': 120,
                'n_controlHeight': 16,
                'n_sliderWidth': 16,
                'n_sliderHeight': 15,
                'n_pathLeft' : 1,
                'n_pathTop' : 1,
                'n_pathLength' : 103,
                's_imgControl': '/omwpt/media/icon/slider/blueh_bg.gif',
                's_imgSlider': '/omwpt/media/icon/slider/blueh_sl.gif',
                'n_zIndex': 1
            }
            var A_INIT = {
                's_form' : 0,
                's_name': 'sliderValue',
                'n_minValue' : -179,
                'n_maxValue' : 180,
                'n_value' : 0,
                'n_step' : 1
            }
            new slider(A_INIT, A_TPL);
        </script>
        <input type="submit" value="Create" />
        </form>
        </td>
</table>

        
</body>
</html>